<template>
  <div class="bot-wrap hidden-md hidden-sm hidden-xs">
    <div class="bot-head">
        <img src="../../assets/hghotel_image/bottom-header.png" alt="">
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-4">
                <img src="../../assets/hghotel_image/logo-botton.png" alt="">
            </div>
            <div class="col-lg-4">
                <p>24小时订房电话：0532-82652888</p> 　
                <p>订餐电话：0532-82660226</p> 　
                <p>预订传真：0532—82660223</p>
                <p>地址：山东省青岛市巫峡路29号</p> 　
                <p>邮政编码：266002</p>
            </div>
            <div class="col-lg-4">
                <p>周边环境：</p>
                <p>栈桥、中山路商业街、火车站、</p>
                <p>海上旅游码头、海底隧道。</p>
                <p>支付卡支持类型：</p>
                <p>万事达卡、VISA、JCB、国内银联卡。</p>
            </div>
        </div>
            <!-- 公安备案 -->
        <div class="copyRight">
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37020202000924">
                <img src="../../assets/hghotel_image/gongan.png"/>
                <p>鲁公网安备 37020202000924号</p>
            </a>
        </div>
    </div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
    .bot-wrap{
        width: 100%;
        height: 350px;
        background: #303030;
        padding-top:110px;
        padding-bottom: 85px;
        margin-top:100px;
    }
    .bot-wrap .bot-head{
        position: absolute;
        width: 1200px;
        height: 84px;
        left: 50%;
        margin-left: -600px;
        margin-top: -152px;
        background: #8F418F;
    }
    .bot-wrap .bot-head img{
        display: inline-block;
        margin-top:17px;
    }
    .bot-wrap .container-fluid{
        position: relative;
        width: 1200px;
        height:100%;
    }
    .bot-wrap .container-fluid .row div:nth-of-type(1){
        text-align: right;
    }
    .bot-wrap .container-fluid .row div:nth-of-type(1) img{
        display: inline-block;
        margin-right:60px;
    }
    .bot-wrap .container-fluid .row div:nth-of-type(2){
        padding-left: 30px;
        text-align: center;
        border-left: 1px solid #F5F5F5;
        border-right: 1px solid #F5F5F5;
    }
    .bot-wrap .container-fluid .row div:nth-of-type(2) p{
        color: #CCCCCC;
        font-size: 14px;
    }
    .bot-wrap .container-fluid .row div:nth-of-type(3){
        padding-left: 65px;
        text-align: left;
    }
    .bot-wrap .container-fluid .row div:nth-of-type(3) p{
        color: #CCCCCC;
        font-size: 14px;
    }
    .bot-wrap .copyRight{
        position: absolute;
        bottom: -50px;
        width: 1200px;
        height: 30px;
    }
    .bot-wrap .copyRight p{
        display: inline-block;
        color: #CCCCCC;
        font-size: 14px;
    }
</style>
